<template>
  <div class="live-promotion">
    <component :is="name"></component>
  </div>
</template>

<script>
import type1 from './type1'
import type2 from './type2'
export default {
  components: {
    type1,
    type2,
  },
  data() {
    const type = this.$route.query.type || 1
    const name = 'type' + type
    return {
      name
    };
  },
};
</script>
<style lang="scss" scoped>
.live-promotion {
  max-width: 500px;
  height: 100%;
  background: #f1f1f1;
  text-align: center;
  position: relative;
  margin: 0 auto;
}
</style>